<!DOCTYPE html>
<style>
a {
  background: red;
}
a:hover {
  background: green;
}
#table {
  display: table;
  overflow: hidden;
}
</style>
<script src="../../../resources/run-after-layout-and-paint.js"></script>
<script>
onload = function() {
  var tableBox = table.getBoundingClientRect();
  var tableCenterX = (tableBox.left + tableBox.right) / 2;
  var tableCenterY = (tableBox.top + tableBox.bottom) / 2;

  if (window.eventSender)
    eventSender.mouseMoveTo(tableCenterX, tableCenterY);

  runAfterLayoutAndPaint(function() {}, true);
}
</script>
<!--
  REGRESSION(r110072): :hover doesn't work on table child with overflow: hidden
  http://webkit.org/b/81460
  To test this bug outside DRT, hover on the link below.
-->
<div id="table">
  <a href="#" >When hovered, the background should be green.</a>
</div>
